/*.container {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/



.container{
    padding-bottom: 95px;
    height: 100%;


}
.disaster_content{
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;

}
.disaster_1{
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    flex:20;
}
.bixian_survey{
    flex: 1;
    background-color: white;
    flex-direction: column;
    background-color: #f6f5fa;
}
.surveytext{

    display: flex;
    font-size: 32px;
    margin-top: 15px;
    color: black;
    justify-content: center;
    align-items: center;
    flex: 1;
/*    margin-left: 15px;*/
    margin-left: 15px;
}
.diaochaImage{
    margin-top: 20px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex:1;
    margin-left: 18px;
    width: 70%;
    height: 60%;
    object-fit: contain;
}

.diaocha{
    margin-top: 20px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex:1;
    margin-left: 15px;
    width: 80%;
    height: 60%;
    object-fit: contain;
}

.house_destroy{
    flex: 1;
    margin-left: 20px;
    background-color: #f6f5fa;
    flex-direction: column;
}
.destroytext{

    display: flex;
    font-size: 32px;
    color: black;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    flex:1;
    margin-left: 15px;
}
.disaster_2{
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 20px;
    flex:20;

}
.die{
    flex: 1;
    background-color: lightgray;
    flex-direction: column;
    background-color: #f6f5fa;
}
.dietext{

    display: flex;
    font-size: 32px;
    margin-top: 15px;
    color: black;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-left: 15px;
}
.shangwang{
    margin-top: 15px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex:1;
    margin-left: 15px;
    width: 75%;
    height: 60%;
    object-fit: contain;
}
.traffic_destroy{
    flex: 1;
    margin-left: 20px;
    background-color: #f6f5fa;
    flex-direction: column;
    background-color: #f6f5fa;
}
.traffictext{

    display: flex;
    font-size: 32px;
    color: black;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    flex:1;
    margin-left: 15px;
}
.trafficImage{
    margin-top: 15px;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex:1;
    margin-left: 15px;
    width: 85%;
    height: 60%;
    object-fit: contain;
}
.wordremind{
    flex:1;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.remindImage{
    width:40%;
    height:40%;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    flex:1;
}

.reminder {
    font-size: 15px;
    font-weight: medium;
    margin-left: 10px;
    display: flex;
    flex:5;
}




